<template>
  <div>
    <h2>双向绑定指令</h2>
    姓名：<input type="text" v-model.trim="form.uname" /><br />
    年龄：<input type="text" v-model.number="form.age" /><br />
    薪资：<input type="text" v-model.number.lazy="form.salary" /><br />
    <button @click="onAdd">确认添加</button>
  </div>
</template>

<script>
export default {
  data () {
    return {
      form: {
        uname: '',
        age: '',
        salary: ''
      }
    }
  },
  methods: {
    onAdd () {
      console.log('你提交的数据是：', this.form)
    }
  }
}
</script>

<style>
.box {
  width: 300px;
  height: 100px;
  background-color: cadetblue;
}
</style>